<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Cars</title>

    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>

    <header class="header">
        <div class="flex flex-row-wrap flex-justify-between flex-align-center container">
            <a href="" class="header__logo">LOGO</a>
            <nav class="flex flex-row-nowrap flex-align-center header__menu header-menu">
                <a href="#" class="header-menu__item">Главная</a>
                <a href="#" class="header-menu__item">Стоимость</a>
                <a href="#" class="header-menu__item">Отчеты</a>
                <a href="#" class="header-menu__item">О компании</a>
                <a href="#" class="header-menu__item">Контакты</a>
            </nav>
            <div class="header__contacts header-contacts">
                <a href="tel:84990000000" class="header-contacts__phone">+7 (499) 000-00-00</a>
                <p class="text-right header-contacts__text">Ежедневно с 10 до 20:00 ч.</p>
            </div>
        </div>
    </header>

    <div class="background-block">
        <div class="container">
            <h1 class="background-block__title">Автомобили из европы</h1>
            <p class="background-block__text">Привезём любой автомобиль из Европы под ключ</p>
            <a href="#" class="btn btn-blue text-uppercase background-block__btn">Подробнее</a>
        </div>
    </div>

    <div class="cards-block">
        <div class="container">
            <h2 class="text-center cards-block__title">В чем выгода покупки автомобиля из Европы под ключ</h2>
            <div class="flex flex-row-wrap flex-justify-center cards-block__row cards-block-row">
                <div class="text-center cards-block-row__item cards-block-row-item">
                    <img src="assets/img/checked.png" class="cards-block-row-item__img" alt="Изображение галочки">
                    <h3 class="cards-block-row-item__title">Удобно</h3>
                    <p class="cards-block-row-item__text">Осматриваем автомобиль за вас и присылает отчет</p>
                </div>
                <div class="text-center cards-block-row__item cards-block-row-item">
                    <img src="assets/img/tag.png" class="cards-block-row-item__img" alt="Изображение этикетки">
                    <h3 class="cards-block-row-item__title">Доступная цена</h3>
                    <p class="cards-block-row-item__text">Цена на автомобили рассчитывается по курсу ЦБ на момент приобретения, а цены в Европе значительно ниже, чем у дилера в России</p>
                </div>
                <div class="text-center cards-block-row__item cards-block-row-item">
                    <img src="assets/img/fast-time.png" class="cards-block-row-item__img" alt="Изображение часов">
                    <h3 class="cards-block-row-item__title">Сроки</h3>
                    <p class="cards-block-row-item__text">Из европы автомобиль везти не далеко, поэтому в течение недели вы сможете получить новенький авто!</p>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <nav class="flex flex-row-wrap flex-justify-center flex-align-center footer__menu footer-menu">
                <a href="#" class="footer-menu__item">Главная страница</a>
                <a href="#" class="footer-menu__item">Стоимость</a>
                <a href="#" class="footer-menu__item">О компании</a>
            </nav>
            <a href="" class="footer__logo">LOGO</a>
            <p class="text-center footer__copyright">Company NAME (c) 2022</p>
        </div>
    </footer>
    
</body>
</html>